<div ng-if="eventDetails">

    <div class="detailpage">
    <div class="dtitle">
        <div class="toptit">活动详情</div>
    </div>
    <div class="dbanner">
        <ks-swiper-container autoplay="5000" pagination="true" pagination-is-active="true">
            <ks-swiper-slide class="swiper-slide" ng-repeat="item in eventDetails.eventCoverPhoto">
                <div class="pic" style="background: url('{{config.host+item.strPhotoUrl}}') center center /cover;"></div>
            </ks-swiper-slide>
        </ks-swiper-container>

    </div>
    <div class="contpart">
        <div class="activitycont">
            <!--<h1>Home Run Guangzhou</h1>-->
            <h2>{{ eventDetails.strEventName }}</h2>
            <div class="cbox">
                <div class="bleft">
                    <img class="bleftimg" src="../src/image/login/artboard3.png" alt="">活动简介
                </div>
                <div class="bright">
                    <span>{{ eventDetails.nEventCost==0?'免费':'￥'+eventDetails.nEventCost+'/人'}} </span>
                </div>
            </div>
            <div class="article">
                <div class="article-cont" ng-bind-html="detailsFunc(eventDetails.strDetails) | trustHtml"></div>
            </div>
            <div class="clickmore" ng-click="clickSeemore()" ng-if="test">{{test}}</div>
            <ul class="explain">
                <li class="one">
                    <img src="../src/image/login/artboard4.png" alt="">
                    {{ eventDetails.nUpdateTime*1000 | date:'dd.MM.yyyy' }} 至 {{ eventDetails.nStartDate*1000 | date:'dd.MM.yyyy' }}
                </li>
                <li>
                    <img src="../src/image/login/artboard5.png" alt="">
                    {{ eventDetails.strAddress }}
                </li>
            </ul>
            <div class="number" ng-if="eventDetails.eventUserList">
                <div class="ntitle">
                    <img src="../src/image/login/artboard6.png" alt="">
                    参加人数
                </div>
                <div class="ncont">
                    <ul class="touxs">
                        <li ng-repeat="item in eventDetails.eventUserList" ng-if="$index<5" style="left:{{ $index*0.99 }}rem;">
                            <!--<img class="toux" ng-src="{{config.host+item.strHeadPhotoThum}}" alt="">-->
                            <img class="toux" ng-src="{{itemStrHeadPhotoThum(item.strHeadPhotoThum)}}" alt="">
                        </li>
                    </ul>
                    <div class="people"> {{ eventDetails.eventUserList.length }}人已参加</div>
                </div>
            </div>
        </div>
        <div class="photopart" ng-if="eventDetails.eventPhoto">
            <div class="title">
                <img class="photopartpic" src="../src/image/login/hh2.png" alt="">
                <span>活动照片</span>
            </div>
            <ul class="photo">
                <li class="photoimg {{ ($index+1)%4==0?'rightNone':'' }}" ng-repeat="item in eventDetails.eventPhoto">
                    <!--<img ng-click="clickImgboost($index)" ng-src="{{ config.host+item.strPhotoUrl }}" alt="">-->
                    <div class="pic" ng-click="clickImgboost($index)" style="background: url('{{ config.host+item.strPhotoUrl }}') center center / cover;"></div>
                </li>
            </ul>
        </div>

        <!--评论部分-->
       <!-- <div class="comment">
            <div class="title">
                <img src="../src/image/login/hh3.png" alt="">
                评论
            </div>
            <ul>
                <li>
                    <img src="../src/image/login/toux.png" alt="">
                    <div class="cont">
                        <div class="contont">
                            <span class="name">耳背de阿怂</span>
                            <span class="time">23.03.2017 16:03</span>
                        </div>
                        <div class="message">回复摄影师钟思杰：嗯嗯！也是窝里认识哒~ 日本游记的照片原来是你拍哒</div>
                    </div>
                </li>
                <li>
                    <img src="../src/image/login/toux.png" alt="">
                    <div class="cont">
                        <div class="contont">
                            <span class="name">耳背de阿怂</span>
                            <span class="time">23.03.2017 16:03</span>
                        </div>
                        <div class="message">回复摄影师钟思杰：嗯嗯！也是窝里认识哒~ 日本游记的照片原来是你拍哒,日本游记的照片原来是你拍哒。</div>
                    </div>
                </li>
                <li>
                    <img src="../src/image/login/toux.png" alt="">
                    <div class="cont">
                        <div class="contont">
                            <span class="name">耳背de阿怂</span>
                            <span class="time">23.03.2017 16:03</span>
                        </div>
                        <div class="message">回复摄影师钟思杰：嗯嗯！也是窝里认识哒~ 日本游记的照片原来是你拍哒</div>
                    </div>
                </li>
            </ul>
        </div>-->

    </div>

   <!-- <ul class="anniu">
        <li class="comm">评论</li>
        <li class="keep">收藏</li>
        <li class="signup">报名</li>
    </ul>-->

    <!--<div class="signup {{ bgcolor == '1' }}" ng-click="issignup()">{{ signupstate }}</div>-->
    </div>
</div>

<!--点击报名返回结果弹框-->
<div class="detailpop animated fadeIn" ng-show="isdetailpopshow">
    <div class="detailpop-cont"><p>{{ isdetailpopshow }}</p></div>
</div>


<!--点击图片放大显示弹框-->
<div class="boostimgpop animated {{ boxisfade }}" ng-if="isboostimg" ng-click="closeboostimg()">
    <div  class="boostimgpop-cont">
        <ks-swiper-container pagination="true" initial-slide="bigCutView" ng-if="eventDetails">
            <ks-swiper-slide class="swiper-slide banner" ng-repeat="item in eventDetails.eventPhoto">
                <div class="bgimg" style="line-height: {{ bgimgLineHeight }}px;">
                    <img class="pic animated {{isfade}}" ng-src="{{ config.host+item.strPhotoUrl }}">
                </div>
            </ks-swiper-slide>
        </ks-swiper-container>
    </div>
</div>


